// --------------------------------------------------
// 分割线
// @Author: steven.wjx
// @Date:   2020-03-05 13:17:50
// --------------------------------------------------

.#{$ui-name}divider {
	display: block;
	width: 100%;
	min-width: 100%;
	height: 1px;
	margin: 15px 0;
	padding: 0;
	clear: both;
	font-variant: tabular-nums;
	font-feature-settings: 'tnum';
	background-color: $border-color;

	.#{$ui-name}divider-text {
		@include inline-block;
		position: relative;
		top: ceil(-$font-size*1.56/2);
		padding: 0 10px;
		background-color: #fff;
	}

	&.#{$ui-name}divider-text-center {
		text-align: center;

	}

	&.#{$ui-name}divider-text-left {
		text-align: left;

		.#{$ui-name}divider-text {
			margin-left: 5%;
		}
	}

	&.#{$ui-name}divider-text-right {
		text-align: right;

		.#{$ui-name}divider-text {
			margin-right: 5%;
		}
	}

	&.#{$ui-name}divider-vertical {
		@include inline-block;
		margin: 0 8px;
		width: 1px;
		min-width: 1px;
		height: ceil($font-size/1.4);
	}
}